<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>铁路客户服务中心----购票</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/refer.css" />
		<script src="js/WdatePicker.js"></script> 	
		
	</head>

	<body>
		<!--页头-->
		<header>
			<div class="login_bg">
					<a href="index.html">
						<div class="login">
						
						</div>
					</a>
					<div class="login-info">

						<div class="phone-link">
							<a href="#" target="true">手机版</a>
						</div>
						<div class="menu">
							<a href="mine.html" class="menu-bd" id="js-my">我的12306<b></b>
							</a>
							<div class="menu-list" style="display: none;"><b></b>
								<ul>
									<li>
										<a href="#">未完成订单</a>
									</li>
									<li>
										<a href="#">已完成订单(改/退)</a>
									</li>
									<li class="line"></li>
									<li>
										<a href="#" target="_blank">我的餐饮</a>
									</li>
									<li>
										<a href="#">我的保险</a>
									</li>
									<li class="line"></li>
									<li>
										<a href="#">查看个人信息</a>
									</li>
									<li>
										<a href="#">账户安全</a>
									</li>
									<li class="line"></li>
									<li>
										<a href="#">常用联系人</a>
									</li>
									<li class="line"></li>
									<li>
										<a href="#">温馨服务查询</a>
									</li>
								</ul>
							</div>
						</div>
						<span class="login-txt" style="color: #666666">
<a id="login_user" href="frame.html" class="colorA" style="margin-left:-0.5px;">登录</a>
| <span>意见反馈:<a class="cursor colorA" href="mailto:12306yjfk@rails.com.cn">12306yjfk@rails.com.cn</a>
          您好，请</span>
						<a id="regist_out" href="register.html">注册</a>
						</span>
					</div>
					<div class="nav">
						<ul>
							<li>
								<a href="index.html">客运首页</a>
							</li>
							<li id="selectYuding">
								<a href="#">车票预订</a>
							</li>
							<li>
								<a href="#" target="_blank">订餐服务</a>
							</li>
							<li style="width: 71px;" id="js-xd" class="nav-guide">
								<a href="javascript:">出行向导</a>
								<div class="nav-list">
									<ul style="font-weight:normal">
										<li>
											<a href="#">车次查询</a>
										</li>
										<li>
											<a href="#">票价查询</a>
										</li>
										<li>
											<a href="#">公布票价查询</a>
										</li>
										<li>
											<a href="#">车站车次查询</a>
										</li>
										<li>
											<a href="#">中转查询</a>
										</li>
										<li>
											<a href="#">正晚点查询</a>
										</li>
										<li>
											<a href="#">代售点查询</a>
										</li>
									</ul>
								</div>
							</li>
							<li id="selectHelp">
								<a href="#">信息服务</a>
							</li>
						</ul>
					</div>
				</div>
		</header>

		<!--内容-->

		<div class="content">
			<div style="height: 0px; line-height: 32px;width: 962px;position: relative; margin:auto;">
				您现在的位置：
				<a href="index.html" style="color: #333333;" shape="rect">客运首页</a>

				&nbsp;&gt;&nbsp;
				<strong>购票</strong>
			</div>
			<div class="cont">
				<div class="seek" >
					<form class="form-horizontal">
						<div class="form-group">
							<div class="col-sm-2">&nbsp;&nbsp;&nbsp;
							<label for=""><input type="radio" name="dd" id="" value="" />单程</label>&nbsp;
							<label for=""><input type="radio" name="dd" id="" value="" />往返</label>
							</div>
    						<label for="" class="col-sm-1 control-label">开始：</label>
    						<div class="col-sm-2">
     						 <input onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'%y-%M-%d'})" placeholder="请选择旅行开始的时间"/>
    						</div>
    						<label for="" class="col-sm-1 control-label">结束：</label>
    						<div class="col-sm-3">
     						 <input onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'%y-%M-%d'})" placeholder="请选择旅行结束的时间"/>
    						</div>
    						<div class="col-sm-1">
    						<input type="button" class="btn btn-primary btn-sm col-lg-offset-6" name="" id="" value="查询" />
    						</div>
  					</div>
  					
  					<div class="form-group">
  							<div class="col-sm-2">&nbsp;&nbsp;&nbsp;
							<label for=""><input type="radio" name="ddd" id="" value="" />普通</label>&nbsp;
							<label for=""><input type="radio" name="ddd" id="" value="" />学生</label>
							</div>
    						<label for="" class="col-sm-1 control-label">出发：</label>
    						<div class="col-sm-2">
     						 <input  placeholder="全拼/简拼/汉字"/>
    						</div>
    						<label for="" class="col-sm-1 control-label">目的：</label>
    						<div class="col-sm-3">
     						 <input placeholder="全拼/简拼/汉字"/>
    						</div>
    					
  					</div>
  					
					</form>
				</div>
				<table class="table table-hover">
 					<tr>
 						<th>车次</th>
 						<th>出发地</th>
 						<th>目的地</th>
 						<th>出发时间</th>
 						<th>返回时间</th>
 						<th>硬座</th>
 						<th>软座</th>
 						<th>硬卧</th>
 						<th>软卧</th>
 						<th>备注</th>
 						
 						
 					</tr>
 					
 					<tr>
 						<td>z175</td>
 						<td>北京</td>
 						<td>青岛</td>
 						<td>8月15日</td>
 						<td>8月20日</td>
 						<td>23</td>
 						<td>7</td>
 						<td>34</td>
 						<td>0</td>
 						<td>
 							<a href="buy.html"><input type="button" class="btn btn-primary btn-sm" name="" id="" value="预定" /></a>
 						</td>
 					</tr>
 					<tr>
 						<td>z175</td>
 						<td>北京</td>
 						<td>青岛</td>
 						<td>8月15日</td>
 						<td>8月20日</td>
 						<td>23</td>
 						<td>7</td>
 						<td>34</td>
 						<td>0</td>
 						<td>
 							<input type="button" class="btn btn-primary btn-sm" name="" id="" value="预定" />
 						</td>
 					</tr>
 					
 					
				</table>
				

				
			</div>
			
		</div>
				
		<!--页脚-->
		<div class="footer">
			<p>
				<a href="#" target="true">关于我们</a>
				|
				<a href="#" target="true">网站声明</a>
			</p>
			<p>版权所有 © 2008-2017 中国铁路信息技术中心 中国铁道科学研究院</p>
			<p>京ICP备15003716号-3&nbsp;&nbsp;|&nbsp;&nbsp;京ICP证150437号</p>
		</div>
	</body>

</html>